<template>
	<div class="gj-container">
		<div class="phonelistWrap">
			<div class="phonelist-content">
				<div>机加残量报工</div>
				<div class="tableBox">
					<el-table :data="tableData" :row-class-name="tableRowClassName" min-height="300px">
						<el-table-column prop="id" label="序号" align="center" width="150" show-overflow-tooltip></el-table-column>
						<el-table-column prop="time" label="PLC故障" align="center" width="150" show-overflow-tooltip></el-table-column>
						<el-table-column prop="errorName" label="触发时间" align="center" min-width="200"></el-table-column>
						<el-table-column prop="logName" label="类型" align="center" min-width="200"></el-table-column>
						<el-table-column prop="timelength" label="时长" align="center" min-width="200"></el-table-column>
						<el-table-column prop="remarks" label="备注" align="center" min-width="200"></el-table-column>
					</el-table>
					</el-form>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	data() {
		return {
			searchContent:'',
			form: {
				name: '',
			},
			tableData: [
				{
					id: '1',
					time: '08:32',
					timelength: '40',
					errorName: '吸收体断料',
					logName: 'Z-2中央吸收纸',
					remarks: '胶带贴复位置偏高'
				},
				{
					id: '2',
					time: '08:32',
					timelength: '40',
					errorName: '吸收体断料',
					logName: 'Z-2中央吸收纸',
					remarks: '胶带贴复位置偏高'
				},
				{
					id: '3',
					time: '08:32',
					timelength: '40',
					errorName: '吸收体断料',
					logName: 'Z-2中央吸收纸',
					remarks: '胶带贴复位置偏高'
				},
				{
					id: '4',
					time: '08:32',
					timelength: '40',
					errorName: '吸收体断料',
					logName: 'Z-2中央吸收纸',
					remarks: '胶带贴复位置偏高'
				},
				{
					id: '5',
					time: '08:32',
					timelength: '40',
					errorName: '吸收体断料',
					logName: 'Z-2中央吸收纸',
					remarks: '胶带贴复位置偏高'
				}
			],
			data:['Z-1 SAP纸','Z-2 中央吸收 纸','Z-3 表面材无 纺布','Z-4 第二层无 纺布','Z-5 两侧无纺 布','Z-6 B.S纸','Z-1 SAP纸']
		};
	},
	methods: {
		onSubmit() {
			console.log('submit!');
		},
		
		tableRowClassName({ row, rowIndex }) {
			if (rowIndex % 2 == 1) {
				return 'gray-row';
			}
			return '';
		}
	}
};
</script>

<style scoped>
.tableBox {
	border-radius: 10px;
	margin-top: 30px;
	background:#fff;
	padding: 30px;
}
.remantRework >>> .el-form-item{
	border-bottom:solid 1px #eeeeee;
	padding-bottom:30px;
	padding-top:20px;
}
.remantRework >>> .el-form-item__label{
	font-size:30px;
	color:#000;
}
.remantRework >>> .el-form-item__content{
	font-size:30px;
	color:#666666;
}
.remantRework >>> .el-input > input{
	background:#fff;
	font-size:30px;
}
.orderSheet >>> .el-dialog__title{
	font-size:22px;
	color:#666666;
}
.orderSheet >>> .el-dialog__headerbtn{
	font-size:26px;
	color:#888888;
}
.cardBrandy{
	margin-top:20px;
}
.box-col{
	margin-top:20px;
}
.box-card{
	border-radius:10px;
}
.box-card .title{
	font-size:26px;
	text-align:center;
	height:80px;
	display: table-cell;
	vertical-align: middle;
}
</style>

